﻿@model RechercheEmplois.ViewModel.OffresRecherchesAvancesVM
@using RechercheEmplois.Models;
@{
    ViewBag.Title = "RechercherAvancee";
}

<div class="panel panel-default">
    <div class="panel-heading">
        <h2>Recherche avancée d'offre d'emploi</h2>
    </div>
    <div class="panel-body">
        <p class="success">
            Si tu veux effectuer une recherche d’emploi plus détaillée, il te suffit d’utiliser la barre de recherche avancée ci-dessous, ce qui te permettra de filtrer les offres de jobs étudiants, jobs d’été, stages et emplois jeunes diplômés que nous avons à te proposer. Tu peux être aussi spécifique que tu le souhaites pour trouver les meilleurs offres d’emploi te correspondant.
        </p>
    </div>
</div>
@using (Html.BeginForm("Index", "Offre", FormMethod.Post))
{
    <div class="panel panel-default">
        <div class="panel-body">
            <input name="searchKeys" type="text" class="form-control" placeholder="Mots-clés">
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-body">
            <h3>Régions</h3>
            <table>
                <tr>
                    @{
                        int cnt = 0;
                        List<RechercheEmplois.Models.Provine> provines = Model.ListeProvines;

                        foreach (var pro in provines)
                        {
                            if (cnt++ % 5 == 0)
                            {
                                @:</tr><tr>
                            }
                            @:<td>
                                <input type="checkbox"
                                       name="selectedProvines"
                                       value="@pro.ID"
                                       />
                                @pro.Libelle
                            @:</td>
                        }
                        @:</tr>
                    }
                </table>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-body">
            <h3>Types de contrats</h3>
            <table>
                <tr>
                    @{
                        cnt = 0;
                        List<RechercheEmplois.Models.OffreType> offreTypes = Model.ListeOffreTypes;

                        foreach (var type in offreTypes)
                        {
                            if (cnt++ % 1 == 0)
                            {
                                @:</tr><tr>
                            }
                            @:<td>
                                <input type="checkbox"
                                       name="selectedTypes"
                                       value="@type" />
                                @type
                            @:</td>
                        }
                        @:</tr>
                    }
                </table>
            </div>
        </div>

    <div class="panel panel-default">
        <div class="panel-body">
            <h3>Secteurs</h3>
            <table>
                <tr>
                    @{
                        cnt = 0;
                        List<Domaine> domaines = Model.ListeDomaines;

                        foreach (var dom in domaines)
                        {
                            if (cnt++ % 4 == 0)
                            {
                                @:</tr><tr>
                            }
                            @:<td>
                                <input type="checkbox"
                                        name="selectedSecteurs"
                                        value="@dom.ID" />
                                @dom.Libelle
                                @:</td>
                        }
                        @:</tr>
                    }
                </table>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-body">
            <h3>Rémunération</h3>
            <div class="panel" style="padding-top: 10px">
                <input type="hidden" class="slider-input" value="500" name="remuValue" />
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-body">
            <h3>Sélectionnez votre formation (y compris celle en cours)</h3>
            <table>
                <tr>
                    @{
                        cnt = 0;
                        List<string> niveauEtudes = Model.ListesNiveauEtudes;

                        foreach (var niveau in niveauEtudes)
                        {
                            if (cnt++ % 2 == 0)
                            {
                                @:</tr><tr>
                            }
                            @:<td>
                                <input type="checkbox"
                                       name="selectedNiveauEtudes"
                                       value="@niveau" />
                                @niveau
                                @:</td>
                        }
                        @:</tr>
                    }
                </table>
        </div>
    </div>
    
    <div class="panel panel-default">
        <div class="panel-body">
            <input type="submit" class="btn btn-primary" value="RECHERCHER" style="float: right"/>
        </div>
    </div>
}


<script type="text/javascript">
    $(document).ready(function () {
        $('.slider-input').jRange({
            from: 0,
            to: 5000,
            step: 1,
            scale: [0, 500, 1000, 1500, 2000, 3000, 5000],
            format: '%s',
            width: 500,
            showLabels: true
        });
    });
</script>